<template>
    <div>
        <div class="source_box">
            <div class="titlename">合作院校</div>
            <div class="szRouces">
                <div class="cooperation">
                    <div class="coo_name">
                        合作高校用户特权
                    </div>
                    <div class="cooperation_items">
                       <div class="item">
                        <div class="item_img">
                            <img src="../../../assets/szptImages/images/load.png" alt="" srcset="">
                        </div>
                        <div class="item_msg">
                            免会员下载海量资源 
                        </div>
                       </div>                
                
                        <div class="item">
                         <div class="item_img">
                             <img src="../../../assets/szptImages/images/operation.png" alt="" srcset="">
                         </div>
                         <div class="item_msg">
                            合作共建专属资源库 
                         </div>
                        </div>
                        <div class="item">
                         <div class="item_img">
                             <img src="../../../assets/szptImages/images/plate.png" alt="" srcset="">
                         </div>
                         <div class="item_msg">
                            享受学校专属平台 
                         </div>
                        </div>
                 
                        <div class="item">
                         <div class="item_img">
                             <img src="../../../assets/szptImages/images/load.png" alt="" srcset="">
                         </div>
                         <div class="item_msg">
                            享受示范内容指导服务 
                         </div>
                        </div>
                         <div class="co_tel">
                           <div class="co_tel_img">
                            <img src="../../../assets//szptImages/images/qd_icon.png" alt="" srcset="">
                           </div>
                           <div class="co_tel_msg">
                            <span>渠道合作:</span><br/>
                            <span>饺子lg_jOIU</span>
                           </div>
                         </div>
                    </div>
                   
                </div>
                <div class="school_png">
                    <div class="school">
                        <div class="sc_img">
                            <img src="../../../assets/szptImages/images/anshunzhiye.png" alt="" srcset="">
                        </div>
                        <div class="sc_img">
                            <img src="../../../assets/szptImages/images/anshunzhiye.png" alt="" srcset="">
                        </div>
                        <div class="sc_img">
                            <img src="../../../assets/szptImages/images/haerbin.png" alt="" srcset="">
                        </div>
                        <div class="sc_img">
                            <img src="../../../assets/szptImages/images/heilongjiang.png" alt="" srcset="">
                        </div>
                        <div class="sc_img">
                            <img src="../../../assets/szptImages/images/anshunzhiye.png" alt="" srcset="">
                        </div>
                        <div class="sc_img">
                            <img src="../../../assets/szptImages/images/haerbin.png" alt="" srcset="">
                        </div>
                    </div>
                </div>
            </div>
            </div>
      </div>
</template>

<script>
export default {
    name:'partnerSchools',
}
</script>

<style scoped>
.source_box{
    margin-top: 60px;
    height: auto;
    width: 100%;
    border-radius: 10px;
    padding-bottom: 10px;
    background-color:rgb(255, 255, 255);
}
.szRouces{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    min-height: 250px;
    text-decoration: none;
    display: flex;
    padding: 10px;
    background-color: transparent;
}

.titlename{
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #666;
    background-color: rgb(244, 244, 244);
}
.cooperation{
    width: 260px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    background-color:transparent;
}
.coo_name{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 23px;
    text-align:left;
    padding-left: 10px;
    font-weight: bold;
    color: #666;
}
.cooperation_items{
    width: 100%;
    height: auto;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}
.item{
    width: 250px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 5px;
    padding-left: 10px;
    display: flex;
    align-content: flex-start;
}
.item_img{
    padding-top: 5px;
    display: inline-block;
}
.item_msg{
    margin-left: 10px;
    line-height: 30px;
    color: #666;
    display: inline-block;
}
.co_tel{
    margin-top: 10px;
    width: 100%;
    height: auto;
    display: flex;
    padding-left: 10px;
    background-color: transparent;
}
.co_tel_img{
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: transparent;
}
.co_tel_msg {
    width: auto;
    height: auto;
    padding-left: 10px;
    display: inline-block;
    color: #666;
    background-color: transparent;
}
.co_tel_msg p{
    height: 20px;
    font-size: 16px;
    line-height: 20px;
}
.school_png{
    width: 940px;
    height: auto;
    display: inline-block;
}
.school{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
.sc_img{
    width: auto;
    height: 80px;
    margin: 10px;
    background-color: transparent;
    display: inline-block;
}
</style>